<div class="header">Footer</div>

<div class="config-content">    
    <div class="config_tool">
        <h3>background color</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Background color', 'footer/bgcolor', 'color', 'background-color'); ?>
            	</div>
        	</div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Radius</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="selection">
            		<h4>Top Left Radius</h4>
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->footer->top_left_radius->type == 'top_left_radius')  ? ' active' : ''; ?> top_left_radius"  id="view-design-footer-top_left_radius_on"><img src="media/img/top_left_raduis.png" height="82" width="82" alt="Radius on" title="With top left radius" /></div>
                        <div class="design-option<?php echo ($app->design->footer->top_left_radius->type == 'none_tlr')  ? ' active' : ''; ?> none_tlr"  id="view-design-footer-top_left_radius_off"><img src="media/img/without_raduis.png" height="82" width="82" alt="Radius off" title="Without top left radius" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-footer-top_left_radius" id="design-footer-top_left_radius_on" value="top_left_radius" <?php echo ($app->design->footer->top_left_radius->type == 'top_left_radius') ? 'checked="checked"' : ''; ?> /> <label for="design-footer-top_left_radius_on"> With top left radius </label> <br />
                		<input type="radio" class="choose_design" name="design-footer-top_left_radius" id="design-footer-top_left_radius_off" value="none_tlr" <?php echo ($app->design->footer->top_left_radius->type == 'none_tlr') ? 'checked="checked"' : ''; ?> /> <label for="design-footer-top_left_radius_off"> Without top left radius </label> <br />
                		<input type="hidden" id="design-footer-top_left_radius"  class="cssselector"  value="#footer" />
                    </div>
            	</div>
            	
            	<div class="selection">
            		<h4>Top Right Radius</h4>
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->footer->top_right_radius->type == 'top_right_radius')  ? ' active' : ''; ?> top_right_radius"  id="view-design-footer-top_right_radius_on"><img src="media/img/top_right_raduis.png" height="82" width="82" alt="Radius on" title="With top right radius" /></div>
                        <div class="design-option<?php echo ($app->design->footer->top_right_radius->type == 'none_trr')  ? ' active' : ''; ?> none_trr"  id="view-design-footer-top_right_radius_off"><img src="media/img/without_raduis.png" height="82" width="82" alt="Radius off" title="Without top right radius" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-footer-top_right_radius" id="design-footer-top_right_radius_on" value="top_right_radius" <?php echo ($app->design->footer->top_right_radius->type == 'top_right_radius') ? 'checked="checked"' : ''; ?> /> <label for="design-footer-top_right_radius_on"> With top right radius </label> <br />
                		<input type="radio" class="choose_design" name="design-footer-top_right_radius" id="design-footer-top_right_radius_off" value="none_trr" <?php echo ($app->design->footer->top_right_radius->type == 'none_trr') ? 'checked="checked"' : ''; ?> /> <label for="design-footer-top_right_radius_off"> Without top right radius </label> <br />
                		<input type="hidden" id="design-footer-top_right_radius"  class="cssselector"  value="#footer" />
                    </div>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Shadow</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="selection">
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->footer->shadow->type == 'shadow')  ? ' active' : ''; ?> shadow"  id="view-design-footer-shadow_on"><img src="media/img/with_shadow.png" height="82" width="82" alt="Shadow on" title="With shadow" /></div>
                        <div class="design-option<?php echo ($app->design->footer->shadow->type == 'none_s')  ? ' active' : ''; ?> none_s"  id="view-design-footer-shadow_off"><img src="media/img/without_shadow.png" height="82" width="82" alt="Shadow off" title="Without shadow" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-footer-shadow" id="design-footer-shadow_on" value="shadow" <?php echo ($app->design->footer->shadow->type == 'shadow') ? 'checked="checked"' : ''; ?> /> <label for="design-footer-shadow_on"> With shadow </label> <br />
                		<input type="radio" class="choose_design" name="design-footer-shadow" id="design-footer-shadow_off" value="none_s" <?php echo ($app->design->footer->shadow->type == 'none_s') ? 'checked="checked"' : ''; ?> /> <label for="design-footer-shadow_off"> Without shadow </label> <br />
                		<input type="hidden" id="design-footer-shadow"  class="cssselector"  value="#footer" />
                    </div>
            	</div>
            </div>
        </div>
    </div>
</div>
